<!-- <button id="login" type="submit" style="width : 100px;float:right" class="btn btn-primary" (click)="next()">to公司信息</button> -->
<div class="tableStyle" style="margin-left: 0px;">

  <data-table class="question-bank" [isLink]="isLink" (changepage)="changepage($event)" [buttonList]="btnList" (addOpen)="addOpen($event,addModal)"
    [title]="title" [page]="page" [addButton]="btnAdd" [editButton]="btnEdit" [total]="total" [data]="data" [buttonList]="btnList"
    [arr]="arrbutes" [ButtonHeaders]="btnHeaders" [buttonstyle]="btnstyle" [sizeList]="sizeList" [paging]="paging" [pageSize]="pageSize"
    (operat)="operatData($event,editModal)" [deleteButton]="btnDelete" (deletesEmit)="deleteDatas($event)" [total]="total">
  </data-table>

</div>

<!-- 添加家庭成员 style="visibility:hidden" visible-->
<!--<div #editModal class="modal-dialog" (click)="draggable()">-->
<div #addModal class="modal-dialog" style="width:700px">
  <div class="modal-content">
    <form>
      <div class="model-header">
        <button type="button" class="close" (click)="close(addModal)">×
        </button>
        <h4 class="modal-title">
          添加学历信息
        </h4>
      </div>
      <div class="modal-body">

        <div>
          <div class="form-group">
            <div class="col-sm-6">
              <label>证书名称：</label>
              <label>
                <input style="width: 198px" type="text" class="form-control" [(ngModel)]="educationInfo.certificateName" name="certificateName"
                  #certificateName="ngModel" required>
              </label>
              <p class="sign" [hidden]="certificateName.valid||certificateName.pristine">必填项</p>

            </div>
            <div class="col-sm-6 form-inline">
              <label>大学名称：</label>
              <label>
                <input style="width: 196px" type="text" class="form-control" [(ngModel)]="educationInfo.universityName" name="universityName"
                  required>
              </label>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-6 form-inline">
              <label>获取时间：</label>
              <label for="appDate">
                <p-calendar name="receiveTime" [(ngModel)]="educationInfo.receiveTime" dateFormat="yy-mm-dd" [showIcon]="true" [locale]="ch"></p-calendar>
              </label>
            </div>
            <div class="col-sm-6 form-inline">
              <label>备注信息：</label>
              <label>
                <input style="width: 196px" type="text" class="form-control" [(ngModel)]="educationInfo.remark" name="remark">
              </label>
            </div>
          </div>

          <div class="form-group">
            <div class="company">
             <div>
              <button class="btn  btn-danger commit_assignment" (click)="import($event)">上传学历图片</button>
             </div>
              <div   *ngFor="let pictureUrl of picAllUrls">
                <img src="{{pictureUrl}}" alt="学历图片" width="40" height="40" style="float: left;margin-top:5px "/>
                <img src="{{deleteIcon}}" alt="删除按钮" width="10" height="10" style="float: left; margin-right: 10px;" (click)="deletePicAll(pictureUrl)"/>
              </div>
            </div>
          </div>

        </div>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" (click)="add(addModal)">
          添加
        </button>
        <button type="button" class="btn btn-default" (click)="close(addModal)">
          取消
        </button>
      </div>
    </form>
  </div>
</div>

<p-dialog header="导入文件" [(visible)]="displayFile" modal="modal" [responsive]="true" width="400">

  <div style="text-align:center;display:none">
    <input #filepath id="filePath" type="file" name="filePath" style="display:none" value="选择文件" ng2FileSelect [uploader]="uploader"
      (change)="selectedFileOnChanged($event)">
  </div>
  <input class="form-control" type="text" placeholder="选择文件" style="width:50%;height:25px;display:inline" [(ngModel)]="filename">
  <button type="button" pButton (click)="show(filepath)" label="选择文件"></button>
  <p-footer>
    <button type="button" pButton icon="fa-check" (click)="upload()" label="上传"></button>
    <button type="button" pButton icon="fa-close" (click)="displayFile=false" label="取消"></button>
  </p-footer>
</p-dialog>

<!-- 修改家庭成员 style="visibility:hidden" visible-->
<!--<div #editModal class="modal-dialog" (click)="draggable()">-->
<div #editModal class="modal-dialog" style="width:700px">
  <div class="modal-content">
    <form>
      <div class="model-header">
        <button type="button" class="close" (click)="close(editModal)">×
        </button>
        <h4 class="modal-title">
          修改学历信息
        </h4>
      </div>
      <div class="modal-body">
        <div>
          <div class="form-group">
            <div class="col-sm-6">
              <label>证书名称：</label>
              <label>
                <input id="certificateName" style="width: 196px" type="text" class="form-control" [(ngModel)]="educationInfo.certificateName"
                  name="certificateName" #certificateName="ngModel" required>
              </label>
              <p class="sign" [hidden]="certificateName.valid||certificateName.pristine">必填项</p>
            </div>
            <div class="col-sm-6 form-inline">
              <label>大学名称：</label>
              <label>
                <input style="width: 196px" type="text" class="form-control" [(ngModel)]="educationInfo.universityName" name="universityName"
                  #universityName="ngModel" required>
              </label>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-6 form-inline">
              <label>获取时间：</label>
              <label>
                <p-calendar name="receiveTime" [(ngModel)]="educationInfo.receiveTime" dateFormat="yy-mm-dd" [showIcon]="true" #receiveTime="ngModel" [locale]="ch"  ></p-calendar>
              </label>
            </div>
            <div class="col-sm-6 form-inline">
              <label>备注信息：</label>
              <label>
                <input style="width: 196px" type="text" class="form-control" [(ngModel)]="educationInfo.remark" name="remark">
              </label>
            </div>
            <div class="form-group">
              <div class="company">
                <button class="btn  btn-danger commit_assignment" (click)="import($event)">上传学历图片</button>
                <div *ngFor="let pictureUrl of picAllUrls">
                  <img src="{{pictureUrl}}" alt="学历图片" width="40" height="40" style="float: left;margin-top:5px"/>
                  <img src="{{deleteIcon}}" alt="删除按钮" width="10" height="10" style="float: left; margin-right: 10px;" (click)="deletePic(pictureUrl)"/>

                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <!-- [disabled]="!addform.form.valid" -->
          <button type="button" class="btn btn-primary" (click)="update(editModal)">
            修改
          </button>
          <button type="button" class="btn btn-default" (click)="close(editModal)">
            取消
          </button>
        </div>
      </div>
    </form>
  </div>
</div>



<p-confirmDialog header="提示" icon="fa fa-question-circle" width="425" #cd></p-confirmDialog>


<p-dialog header="提示" [(visible)]="display" modal="modal" width="400" [responsive]="true">
  <p style="text-align:center">
    {{messages}}
  </p>
</p-dialog>

<!-- <p-confirmDialog header="Confirmation" icon="fa fa-question-circle" width="425" #cd>
  <p-footer>
      <button type="button" pButton icon="fa-close" label="No" (click)="cd.reject()"></button>
      <button type="button" pButton icon="fa-check" label="Yes" (click)="cd.accept()"></button>
  </p-footer>
</p-confirmDialog> -->
